<div style="margin-bottom:20px">
	<div>
		<span>序列号</span>
		<input id="serial" style="width:200px;margin-left:15px"/>
	</div>
	<div style="margin-top:20px">
		<span>安装地点</span>
		<input id="address" style="width:200px"/>
	</div>
	<div style="margin-top:20px">
		<span>创建时间</span>
		<input id="start_date" type="date" style="width:200px;"/>
		<input id="end_date" type="date" style="width:200px;margin-left:20px"/>
	</div>
	<div style="margin-top:20px">
		<span>
			<span>有效期</span>
			<select id="valid_date">
				<option>全部</option>
				<option>未过有效期</option>
				<option>已过有效期</option>
			</select>
		</span>
		<span style="margin-left:20px">
			<span>激活</span>
			<select id="active">
				<option>全部</option>
				<option>未激活</option>
				<option>已激活</option>
			</select>
		</span>
		<span style="margin-left:20px">
			<span>使用期</span>
			<select id="use_date">
				<option>全部</option>
				<option>未过使用期</option>
				<option>已过使用期</option>
			</select>
		</span>
	</div>
	<div style="margin-top:20px">
		<span>
			<button id="query">查询</button>
		</span>
		<span style="margin-left:30px">
			<button id="reset">重置</button>
		</span>
		<span style="margin-left:30px">
			<button id="del">删除</button>
		</span>
	</div>
	
</div>
    <table class="table table-hover table-striped  table-bordered  table-condensed  table-responsive "  >
        <thead>
        <tr id="serverOptions">
            <th>
		<span id="selectAll" class="glyphicon glyphicon-unchecked"></span>
	</th>
            <th>序列号类型</th>
            <th>序列号</th>
            <th>机器码</th>
            <th>创建时间</th>
            <th>有效期(天)</th>
            <th>有效时间</th>
            <th>激活时间</th>
            <th>使用期(天)</th>
            <th>到期时间</th>
            <th>安装地点</th>
        </tr>
        </thead>
        <tbody id="tab">


        </tbody>

    </table>








<script src="../js/querySerial.js"></script>
